@charset "UTF-8";
@font-face{font-family:'din'; src: url('../font/din.OTF');}

body {font-family:  'Microsoft YaHei', Arial, sans-serif;}
html {scroll-behavior: smooth;}
html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0px;border: 0;font-size: 100%;outline: none;}
ul,li,ol {list-style: none;}
table,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;margin: 0 auto!important;}
caption,h1,h2,h3,h4,h5,h6,p {margin: 0;padding: 0px;}

a {text-decoration: none;}
a:link,a:visited {text-decoration: none;}
a:active,a:hover {text-decoration: none;}
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0px;}
.clearfix:after {clear: both;}

::-webkit-scrollbar {width: 8px;height: 8px;background-color: rgba(255,255,255,.1);}
::-webkit-scrollbar-thumb { border-radius: 50px; background: #d93128;}
::-webkit-scrollbar-thumb:hover { background: #d93128;}

.fl {float: left;}
.fr {float: right;}
.container {position: relative;width: 90%;margin: 0 auto;}
.container1{position: relative;width: 1360px;margin: 0 auto;}

/* 等比填充 */
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; *height: auto;}
.rect-455 {padding-bottom: 45.5%;}
.rect-50 {padding-bottom: 50%;}
.rect-67 {padding-bottom: 67%;}
.rect-69 {padding-bottom: 69%;}
.rect-705 {padding-bottom: 70.5%;}
.imgZoom img,.imgY180 img { -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.imgZoom {overflow: hidden; -webkit-transform: rotate(0); transform: rotate(0);}
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
 -webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer;-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}

.content{height:100%;overflow:hidden}
.row{position: relative; overflow: hidden;}
.rowbg{position:relative;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;opacity:.7;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.8s cubic-bezier(.445,.145,.355,1);-moz-transition:.8s cubic-bezier(.445,.145,.355,1);transition:.8s cubic-bezier(.445,.145,.355,1); overflow: hidden;}
.active .rowbg{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}
.row-controls{position:fixed;left:20px;top:50%;transform: translateY(-50%); z-index:899;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.row-controls li{cursor:pointer; position:relative; width: 18px;height: 18px;margin: 15px 0;background: url(../img/ico_off.png) center no-repeat; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.row-controls li.act{background: url(../img/ico_on.png)  center no-repeat;}
@media screen and (min-width:1025px){
.row-controls li:hover{background: url(../img/ico_on.png) center no-repeat;}
}
.whiteCover{position:absolute;z-index:98;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.5);opacity:0;visibility:hidden;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.active2 .whiteCover{opacity:1;visibility:visible}
.smouse{position:fixed;z-index:899;bottom:50%;right:35px;border:1px solid #ffffff;border-radius:7px;width:20px;height:40px;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.smouse:before{content:"";position:absolute;top:8px;left:50%;margin-left:-1px;width:2px;height:9px;background:#ffffff}
.smouse:after{content:"";position:absolute;top:17px;left:50%;margin-left:-2px;border-radius:100%;width:4px;height:4px;background:#ffffff;-webkit-animation:mouse 2.4s infinite;-moz-animation:mouse 2.4s infinite;animation:mouse 2.4s infinite}
.pic,.pic2{display:block;position:relative;overflow:hidden}
.pic>img{display:block;width:100%;-moz-transition:.6s;transition:.6s;-webkit-transition:.6s}
.pic2>img{display:block;width:100%}
@-webkit-keyframes mouse{
    0%{-webkit-transform:none;transform:none;opacity:1}
    100%{-webkit-transform:translateY(15px);transform:translateY(15px);opacity:0}
    }
    @-moz-keyframes mouse{
    0%{-moz-transform:none;transform:none;opacity:1}
    100%{-moz-transform:translateY(15px);transform:translateY(15px);opacity:0}
    }
    @keyframes mouse{
    0%{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1}
    100%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px);opacity:0}
}
@media screen and (min-width:1025px){
    .transY{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;visibility:hidden}
    .transYF{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);opacity:0;visibility:hidden}
    .transX{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);opacity:0;visibility:hidden}
    .transXF{-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);opacity:0;visibility:hidden}
    .active .transX,.active .transXF,.active .transY,.active .transYF{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;visibility:visible}
    .trans{-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;transition:.7s ease-out}
    .dly-1{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}
    .dly-2{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}
    .dly-3{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}
    .dly-4{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}
    .dly-5{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s}
    .dly-6{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s}
    .dly-7{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;transition-delay:.7s}
    .dly-8{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}
    .dly-9{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;transition-delay:.9s}
    .dly-10{-webkit-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s}
    .dly-11{-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;transition-delay:1.1s}
    .dly-12{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;transition-delay:1.2s}
}
    

/* header */
.header {width: 100%;height: 80px;position: fixed;z-index: 9999;top: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.header .container {display: -webkit-flex;display: flex; height: 100%;flex-direction: row;justify-content: space-between;}
.header .logo {display: -webkit-flex;display: flex;align-items: center;}
.header .logo img {height: 60px;}
.header .headerRight {display: -webkit-flex;display: flex;height: 100%;flex-direction: row;justify-content: space-between;}
.header .headerRight .headerNav {position: relative;float: left;}
.header .headerRight .headerNav li {text-align: center;display: inline-block;position: relative;}
.header .headerRight .headerNav li>a {margin: 0 30px;font-size: 17px;color: #ffffff;font-weight: bold; line-height: 80px;display: block;position: relative; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.header .headerRight .headerNav li>a::before {position: absolute;content: '';width: 0;height: 3px;left: 0;bottom: 0;background: #d93128;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.header .headerRight .headerNav li:hover>a{color: #d93128;}
.header .headerRight .headerNav li:hover>a::before{width: 100%;}
.subNavbox{width:100%;position:absolute; top:100%;left:50%;background:rgba(255,255,255,.96); border-radius:3px;padding:10px;opacity:0; pointer-events:none; transition:all .3s;box-shadow:0 5px 20px rgba(0,0,0,.2);-webkit-transform: translate(-50%,10px); transform: translate(-50%,10px);}
.subNavbox p:not(:last-of-type){border-bottom:1px solid #ddd}
.subNavbox a{display:block;position:relative;font-size:15px;color: #333; padding:15px 0; transition:0.3s all; text-align: center; }
.subNavbox a:before{content:'';position:absolute; bottom:0;left:0;width:0;height:2px; background: #d93128;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.subNavbox a.select,.subNavbox a:hover{color:#d93128}
.subNavbox a.select:before,.subNavbox a:hover:before{width:100%;}
.subNavbox.select{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }

.itop1 .logo .lg-2,.header .logo .lg-2{ display: none;}
.itop2 .logo .lg-1,.itop3 .logo .lg-1,.itop5 .logo .lg-1,.itop6 .logo .lg-1{ display: none;}
.itop2 .logo .lg-2,.itop3 .logo .lg-2,.itop5 .logo .lg-2,.itop6 .logo .lg-2{display: block;}

.itop2 .header,.itop3 .header,.itop5 .header,.itop6 .header{ background:#ffffff;height:80px;}
.itop4 .header{height: 80px;}
.itop2 .header .headerRight .headerNav li>a,.itop3 .header .headerRight .headerNav li>a,.itop5 .header .headerRight .headerNav li>a,.itop6 .header .headerRight .headerNav li>a{ color:#333333; line-height:80px;}
.itop4 .header .headerRight .headerNav li>a{line-height:80px;}
.itop2 .header .headerRight .headerNav li:hover>a{color: #d93128;}
.itop3 .header .headerRight .headerNav li:hover>a{color: #d93128;}
.itop4 .header .headerRight .headerNav li:hover>a{color: #d93128;}
.itop5 .header .headerRight .headerNav li:hover>a{color: #d93128;}
.itop6 .header .headerRight .headerNav li:hover>a{color: #d93128;}
.sp_nav,.sjj_nav{ display:none;}


.banner-box{position:relative;overflow:hidden}
.banner{height:100%}
.banner .pic2{position:absolute;top:0;left:0}
.banner .cover{background:rgba(0,0,0,.4)}
.banner .txts{z-index:9;position:absolute;top:0;bottom:0;left:0;right:0;color:#ffffff;display: -webkit-flex; display: flex;height: 100%;flex-direction: row; justify-content: space-between;}
.banner .txts .b{display:table-cell;vertical-align:middle;}
.banner .pw3{display: -webkit-flex;  display: flex; align-items: center; text-align: center; margin: 0 auto;}
.banner .ti{font-size:26px;margin-bottom: 40px; -webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden}
.banner .txx{font-size:60px; font-weight: bold;-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden}
.banner .ci-more{ width: 184px; height: 48px;line-height: 48px; margin: 115px auto 0; text-align: center;  -webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden}
.banner .ci-more a{display: block;font-size: 14px; color: #ffffff;  border-radius: 24px; background: #d93128;}
.banner .ci-more:hover a{background:#a1251e}
.banner .slick-dots{position:absolute;bottom:45px;z-index:100;left:50%;margin-left:-570px;text-align:left}
.banner .slick-dots li{position:relative;width:6px;height:6px;border-radius:0;margin:0 20px 0 0;background:#ffffff;cursor:pointer}
.banner .slick-dots li.slick-active{background:#d93128;}
.banner .slick-dots li a{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;border:1px solid #d93128;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;visibility:hidden}
.banner .slick-dots .slick-active a{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
.banner .act .txts .ti{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible;-webkit-transition:1s;-moz-transition:1s;transition:1s}
.banner .act .txts .txx{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible;-webkit-transition:2s;-moz-transition:2s;transition:2s}
.banner .act .txts .ci-more{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible;-webkit-transition:3s;-moz-transition:3s;transition:3s}
#load-bar{z-index:101;position:absolute;left:0;bottom:0;width:0;height:5px;background:#d93128}
@media screen and (min-width:1025px){
.banner .slick-dots li:hover a{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots{font-size:0;text-align:center}
.slick-dots li{width:12px;height:12px;border-radius:100%;margin:0 12px;display:inline-block;*zoom:1;*display:inline;vertical-align:middle;-moz-transition:.3s;transition:.3s;-webkit-transition:.3s}
.slick-dots li a{display:block}
.cg-w .item.prevSlick{z-index:4!important}
.cg-w .item{z-index:2!important;opacity:1!important}
.cg-w .item.prevSlick .pic2{-moz-animation:increaseHeight 1.5s;animation:increaseHeight 1.5s;-webkit-animation:increaseHeight 1.5s}
.cg-s .slick-current .pic2 img{-webkit-animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94);-moz-animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94);animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94)}
@-webkit-keyframes scaleUpDown{
    from{-webkit-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes scaleUpDown{
    from{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@keyframes scaleUpDown{
    from{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}

.inAbout{position: relative; height: 100vh; display: -webkit-flex; display: flex;flex-direction: row; justify-content: space-between;}
.inAbout .container{ display: -webkit-flex; display: flex; align-items: center;}
.inAbout .tit{font-size: 46px; color: #ffffff; font-weight: bold; margin-bottom: 30px;}
.inAbout .abcon{ width: 65%; font-size: 18px; color: #ffffff; line-height: 2; }
.inAbout .ci-more{width: 184px; height: 48px;  margin-top: 7%; font-size: 14px; line-height: 48px; border-radius: 24px; text-align: center; }
.inAbout .ci-more a{display: block; color: #ffffff; border-radius: 24px; background: #d93128;}
.inAbout .ci-more:hover a{background:#a1251e}
.inAbout .number {position: relative;width: 70%;margin-top: 10%;}
.inAbout .number .item {position: relative;float: left;width: 33.333%;padding: 0 3%;box-sizing: border-box;}
.inAbout .number .item .T{display: -webkit-flex;display: flex; align-items: center;}
.inAbout .number .item .T .timer{font-size: 68px; font-weight: 800; font-family: 'din'; color: #ffffff; line-height: 1.2; margin-right: 10px;}
.inAbout .number .item .T .num{font-size: 26px; color: #ffffff; display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.inAbout .number .item .T .num em{font-size: 18px; color: #ffffff; font-style: normal;}
.inAbout .number .item .c {padding-left: 30px; font-size: 17px;color: #ffffff; font-weight: 600;}
.inAbout .number .item .ico1{ background: url(../img/numico1.png) left center no-repeat; background-size: auto 20px;}
.inAbout .number .item .ico2{ background: url(../img/numico2.png) left center no-repeat; background-size: auto 20px;}
.inAbout .number .item .ico3{ background: url(../img/numico3.png) left center no-repeat; background-size: auto 20px;}

.inBusiness{position: relative; height: 100vh; display: -webkit-flex; display: flex;flex-direction: row; justify-content: space-between;}
.inBusiness .container{ display: -webkit-flex; display: flex; align-items: center;}
.inBusiness .box{position: relative; width: 100%;}
.inBusiness::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 143%;
    min-width: 2500px;
    height: 283%;
    min-height: 2500px;
    background: url(../img/bg_main_visual.png);
    background-size: cover !important;
    animation: mVbgRotate 360s infinite linear;
}
@keyframes mVbgRotate {
    from {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(-360deg);
    }
}
.inBusiness .BusinTop{position: relative; width: 100%;}
.inBusiness .BusSwiper2 .swiper-slide{opacity: 0 !important;}
.inBusiness .BusSwiper2 .swiper-slide .left{position: relative; width: 42%; float: left;}
.inBusiness .BusSwiper2 .swiper-slide .left img {display: flex;width: 100%; box-sizing: border-box;}
.inBusiness .BusSwiper2 .swiper-slide .left img.hide {
    position: absolute;
    left: 0;
    top: 0;
    animation: fadeIn1 2.5s infinite linear;
}
@keyframes fadeIn1 {
    from {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
}
.inBusiness .BusSwiper2 .swiper-slide .right{float: right; width: 48%;}
.inBusiness .BusSwiper2 .swiper-slide .right .tit{margin-bottom: 5%; font-size: 40px; color: #ffffff; font-weight: 700;}
.inBusiness .BusSwiper2 .swiper-slide .right .tic{ font-size: 17px; color: #ffffff; line-height: 2;}
.inBusiness .BusSwiper2 .swiper-slide .right .ci-more{position: relative; margin-top: 10%; font-size: 14px; }
.inBusiness .BusSwiper2 .swiper-slide .right .ci-more a{ color: #ffffff;}
.inBusiness .BusSwiper2 .swiper-slide .right .ci-more i{display:inline-block; position: absolute; top: 50%; width: 40px; height: 1px; margin-left: 5px; background: #ffffff;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.inBusiness .BusSwiper2 .swiper-slide .right .ci-more:hover i{ width: 60px;}
.inBusiness .BusSwiper2 .swiper-slide.swiper-slide-active{opacity: 1 !important;}
.inBusiness .BusinBottom{position: absolute; right: 0; bottom: 80px; width: 48%;  }
.inBusiness .thumbSwiper {position: relative;width: 100%;}
.inBusiness .BusSwiper {width: 100%;overflow: hidden;position: relative;box-sizing: border-box;}
.inBusiness .BusSwiper .swiper-slide {float: left;width: 23.5% !important;margin-right: 2%;text-align: center; padding: 25px 2%;
box-sizing: border-box; cursor: pointer;border: 2px solid rgba(255,255,255,0); -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.inBusiness .BusSwiper .swiper-slide:last-child {margin-right: 0;}
.inBusiness .BusSwiper .swiper-slide .Img{position: relative; width: 68px; height: 68px; margin: 0 auto; border: 1px #ffffff solid; border-radius: 50%;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.inBusiness .BusSwiper .swiper-slide:hover .Img{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);transform: translateY(-5px);}
.inBusiness .BusSwiper .swiper-slide .Img img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;height: 32px;}
.inBusiness .BusSwiper .swiper-slide p{margin-top: 10px; font-size: 15px; color: #ffffff; text-align: center;}
.inBusiness .BusSwiper .swiper-slide.swiper-slide-thumb-active{border: 2px solid rgba(255,255,255,.3); box-sizing: border-box;}

.inCase{ position: relative;}
.inCase li{ float:left; width:25%;height: 33.33333vh; overflow:hidden;}
.inCase li .pic{ height: 100%;}
.inCase li a{ position:relative;  display:block; height: 100%;}
.inCase li a:before{ position:absolute; left:0; width:100%; height:100%; top:0; z-index:5; content:'';opacity:0;transition:0.5s;}
.inCase li img{ display:block; width:100%; height: 100%; transition:0.5s ease-in-out;}
.inCase li .hide{ position:absolute; left:0; width:100%; height:100%; top:0; text-align:center; font-size:24px; line-height: 1.5; color:#fff; padding:0 5%; opacity:0; transition:0.5s; z-index:10; box-sizing: border-box;}
.inCase li.hover a:before{ opacity:1;background:rgba(217,49,40,0.9);}
.inCase li.hover .hide{opacity:1;}
.inCase li.hover a img{ transform:scale(1.2);}
.inCase li.has-black a:before{opacity:1;  background:rgba(0,0,0,0.5);}
.ytable {display: table;width: 100%;height: 100%;}
.ytable-cell {display: table-cell;vertical-align: middle;}

.inNews{position: relative; height: 100vh; display: -webkit-flex; display: flex;flex-direction: row; justify-content: space-between;}
.inNews .container{ display: -webkit-flex; display: flex; align-items: center;}
.inNews .box{ position: relative; width: 100%;}
.inNews .newsTop{position: relative;}
.inNews .newsTop .cn{font-size: 42px; color: #ffffff; font-weight: 700;}
.inNews .newsTop .en{ font-size: 22px; color: #ffffff;}
.inNews .newsList{ position: relative; width: 100%; margin-top: 30px;}
.inNews .newsList li{position: relative; width: 25%; height: 240px; float: left;  box-sizing: border-box; -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.inNews .newsList li a{display: block; position: relative; height: 100%; border: 1px solid rgba(255,255,255,.2); overflow: hidden; box-sizing: border-box;}
.inNews .newsList li .img{width:100%; height:165px; overflow:hidden;}
.inNews .newsList li .img img{ width:100%; height:100%;}
.inNews .newsList li .hide{ position: absolute; width: 100%; left: 0; bottom:0; padding: 15px 4%; box-sizing: border-box; -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.inNews .newsList li .serial{font-size: 18px; color: #ffffff; font-family: 'din'; margin-bottom: 10px;}
.inNews .newsList li .T{ font-size: 17px; color: #ffffff; font-weight: bold;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inNews .newsList li em{display: block; width: 30px; height: 2px; background: rgba(255,255,255,.5);}
.inNews .newsList li .Tic{margin-top: 15px; font-size: 14px; line-height: 2; color: rgba(255,255,255,.7); overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inNews .newsList li .date{font-size: 14px; color: rgba(255,255,255,.7); margin-top: 35px; }
.inNews .newsList li:nth-child(2n){ position: relative; margin-top: 240px;}
.inNews .newsList li:hover a{ background:rgba(0,0,0,.4);}
.inNews .newsList li:hover em{display: none;}

/* footer */
.footer {position: relative;width: 100%;padding: 50px 0;background: #ffffff;}
.footer .f_left {position: relative;float: left;width: 24%;}
.footer .f_left .so_search {position: relative;width: 100%;height: 60px;background: #f2f2f2;}
.footer .f_left .so_search .search {position: relative;}
.footer .f_left .so_search .search .search-txt {float: left;width: 75%;}
.footer .f_left .so_search .search input {padding: 0 5%;color: #333;width: 100%;border: none;outline: none;font-size: 15px;line-height: 60px;background: none;box-sizing: border-box;}
.footer .f_left .so_search .search .search-btn {float: right;}
.footer .f_left .so_search .search button {width: 50px;height: 50px;margin: 5px;border: none;outline: none;padding: 0;border-radius: 5px;background: #d93128 url(../img/so.png) center no-repeat;background-size: auto 25px;cursor: pointer;}
.footer .f_left .ewm {margin-top: 25px;}
.footer .f_left .ewm img {float: left;width: 110px;height: 110px;border: 1px #cccccc solid;box-sizing: border-box;}
.footer .f_left .ewm p {float: left;width: 16px;font-size: 15px;color: #666666;margin: 15px 0 15px 15px;line-height: 1.2;}
.footer .n_right {position: relative;width: 70%;float: right;}
.footer .n_right dl {width: 17.5%;float: left;}
.footer .n_right dl:last-child {width: 30%;}
.footer .n_right dl dt {font-size: 18px;color: #333333;font-weight: bold;}
.footer .n_right dl dd {margin-top: 20px;}
.footer .n_right dl dd a {display: block;width: 100%;font-size: 15px;color: #666666;line-height: 2;}
.footer .n_right dl dd a:hover {color: #d93128;}
.footer .n_right dl dd p {font-size: 15px;color: #666666;line-height: 2;}
.copy {width: 100%;font-size: 15px;color: #666;border-top: 1px #e5e5e5 solid;background-color: #ffffff;}
.copy .left {float: left; padding:30px 0; line-height: 26px;}
.copy .left a {font-size: 15px;color: #666;margin: 0 5px;}
.copy .left a:hover {color: #d93128;}
.copy .right {float: right; width:18%; margin: 13px 0;}
.copy .right details { position: relative;}
.copy .right details div {width: 100%; padding: 20px 0; height: 140px; background-color: #ffffff;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);position: absolute;bottom: calc(100% + 0px);right: 0; overflow: auto;transform-origin: 100% 100%;color: #ffffff;}
.copy .right details[open] div {-webkit-animation: scale 0.25s ease;animation: scale 0.25s ease;}
.copy .right details div a{font-size: 15px; color: #333; font-weight: 500; line-height: 35px; float: left;padding:0 8%; width:100%;background: #f5f5f5;margin-bottom: 5px; box-sizing: border-box;}
.copy .right details div a:hover{color: #d93128;}
.copy .right summary {width:100%;border:2px #999 solid; line-height: 40px; background: url(../img/jt.png) 90% center no-repeat; cursor: pointer;position: relative; padding: 0 20px; box-sizing: border-box;}
.copy .right summary::-webkit-details-marker {display: none;}
.copy .right summary:hover { color: #d93128; }
@-webkit-keyframes scale {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
}
@keyframes scale {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
}

.headerPage {width: 100%;height: 80px;position: fixed;z-index: 9999;top: 0;background: #ffffff; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.headerPage .container {display: -webkit-flex;display: flex; height: 100%;flex-direction: row;justify-content: space-between;}
.headerPage .logo {display: -webkit-flex;display: flex;align-items: center;}
.headerPage .logo img {height: 60px;}
.headerPage .logo .lg-1{ display:none;}
.headerPage .headerRight {display: -webkit-flex;display: flex;height: 100%;flex-direction: row;justify-content: space-between;}
.headerPage .headerRight .headerNav {position: relative;float: left;}
.headerPage .headerRight .headerNav li {text-align: center;display: inline-block;position: relative;}
.headerPage .headerRight .headerNav li>a {margin: 0 30px; font-size: 17px; font-weight: bold; color: #333333;line-height: 80px;display: block;position: relative;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.headerPage .headerRight .headerNav li>a::before {position: absolute;content: '';width: 0;height: 3px;left: 0;bottom: 0;background: #d93128;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.headerPage .headerRight .headerNav li:hover>a::before{width: 100%;}
.headerPage.scroll {height:80px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);}
.headerPage.scroll .headerRight .headerNav li>a{  line-height:80px;}
.headerPage .headerRight .headerNav li:hover>a,.headerPage .headerRight .headerNav li.active>a {color: #d93128;}
.headerPage.scroll .headerRight .headerNav li>a::before{background: #d93128;}
.headerPage .headerRight .headerNav li.active>a::before {width: 100%;}
.headerPage .logo .lg-2{display: block;}
.headerPage.scroll .logo .lg-1{display: none;}
.occupancy{ width:100%; height:80px;}

.pbanner {position: relative;overflow: hidden;}
.pbanner figure {display: block;line-height: 1;overflow: hidden;}
.pbanner figure img {display: block;position: relative;line-height: 1;width: 100%;height: auto;}
.pbanner .ptext {position: absolute;left: 50%;margin-left: -45%;top: 50%;transform: translateY(-50%);width: 90%;text-align: center;}
.pbanner .ptext strong {display: block;margin-bottom: 25px;line-height: 1.1;color: #ffffff;font-size: 34px;}
.pbanner .ptext p {color: #ffffff;font-size: 24px;line-height: 1.5;}
.pbanner figure img{-webkit-animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94);-moz-animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94);animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94)}
@-webkit-keyframes scaleUpDown{
    from{-webkit-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes scaleUpDown{
    from{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@keyframes scaleUpDown{
    from{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}

.pageMain{ position: relative;}
.pageMain .inforcent{ position: relative; padding: 32px 0; background: #f8f8f8;}
.subNav{width: 100%; height: 64px; background-color: #fff;  border-bottom: 1px solid #e6e6e6;}
.subNav .crumbs{float: left; font-size: 15px;color: #666666; line-height:64px ; }
.subNav .crumbs .fangzi{display: inline-block; width: 17px; height: 15px; margin-right: 5px; margin-bottom: -1px;  background: url(../img/location.png) center no-repeat; background-size: auto 15px;}
.subNav .crumbs a{color: #666666;margin: 0 2px; font-size:15px;}
.subNav .crumbs span:last-child a{color: #000000}
.subNav .crumbs a:hover,.subNav .crumbs span a:hover{color: #d93128;}
.subNav .left { font-size: 18px; font-weight: bold; padding-left: 30px; height: 100%; line-height: 64px;display: inline-block; background-image: url(../img/topnav.png); background-repeat: no-repeat; background-size: 16px auto; background-position: left center; color: #333;}
.subNav .right{ float:right; height: 100%;}
.subNav .right .item { display: inline-block; height: 100%; line-height: 64px; margin-left: 50px; position: relative; text-align: center; }
.subNav .right .item span { position: relative;font-size: 16px; color: #333; padding-bottom: 20px; z-index: 10; transition: all 0.6s; }
.subNav .right .item span:after { content: ''; position: absolute; width: 100%; height: 3px; background-color: #d93128;border-radius: 2px; left: 0; top: calc(50% + 6px); z-index: -1; transform-origin: left center; transform: scalex(0);transition: all 0.48s;}
.subNav .right .item.select span,.subNav .right .item:hover span { font-size: 18px;font-weight: bold;}
.subNav .right .item:hover span::after,.subNav .right .item.select span::after { transform: scalex(1);}

.subNav ul {width: 100%; margin: 0 auto; text-align: center;display: flex; justify-content: center; }
.subNav ul li{position: relative; text-align: center; margin-right: 2%; width:18.4%; height: 65px; line-height: 65px; background: #ffffff; -webkit-transition-delay: .1s; transition-delay: .1s; }
.subNav ul li:last-child{ margin-right: 0;}
.subNav ul li a{display: block; color: #333; font-size: 17px; font-weight: bold; -webkit-transition-delay: .1s; transition-delay: .1s; }
.subNav ul li.select,.subNav ul li:hover{ background: #d93128;}
.subNav ul li.select a,.subNav ul li:hover a { color: #ffffff;}

.about_center01{ position: relative; padding: 32px 0; background: #f8f8f8;}
.about_center01 .companybg{ padding: 70px 4%;  background: url(../img/abo_bg.jpg) center no-repeat;}
.about_center01 .company-fix {float: right; padding: 40px; width: 52.75%; background: rgba(255,255,255,0.85); }
.about_center01 .company-fix .about-tit strong{display: block;margin-bottom: 15px;line-height: 1;color: #333333;font-size: 36px;}
.about_center01 .company-fix .about-tit small{display: block;line-height: 1;color: #333333;font-size: 24px;}
.about_center01 .company-fix .about-info{margin: 40px 0 0; color: #333333;font-size: 16px; line-height: 2; }
.about_center01 .number {position: relative;width: 100%;margin-top:40px;}
.about_center01 .number .item {position: relative;float: left;width: 33.333%;padding: 0 3%;box-sizing: border-box;}
.about_center01 .number .item .T{display: -webkit-flex;display: flex; align-items: center;}
.about_center01 .number .item .T .timer{font-size: 68px; font-weight: 600; color: #d93128; font-family: 'din'; line-height: 1.2; margin-right: 10px;}
.about_center01 .number .item .T .num{font-size: 26px; color: #333333; display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.about_center01 .number .item .T .num em{font-size: 18px; color: #333333; font-style: normal;}
.about_center01 .number .item .c {padding-left: 30px; font-size: 17px;color: #333333; font-weight: 600;}
.about_center01 .number .item .ico1{ background: url(../img/pnumico1.png) left center no-repeat; background-size: auto 20px;}
.about_center01 .number .item .ico2{ background: url(../img/pnumico2.png) left center no-repeat; background-size: auto 20px;}
.about_center01 .number .item .ico3{ background: url(../img/pnumico3.png) left center no-repeat; background-size: auto 20px;}
.about_center02{ position: relative; height: 70vh; background: url(../img/wh_bg.jpg) center no-repeat; display: grid; grid-template-columns: repeat(3,1fr);}
.about_center02 .item {position: relative;display: flex; align-items: flex-end; padding: 60px; height: 100%; cursor: pointer;box-sizing: border-box;}
.about_center02 .item::after {position: absolute;content: '';width: 0;height: 5px;bottom: 0;right: 0;background: #d93128;z-index: 22;-webkit-transition: all 0.5s;transition: all 0.5s;}
.about_center02 .item:hover::after {left: 0;width: 100%;}
.about_center02 .item:hover{ background: -webkit-linear-gradient(bottom, rgba(217, 49, 40, 0.5) 50%, rgba(217, 49, 40, 0));background: -o-linear-gradient(bottom, rgba(217, 49, 40, 0.5) 50%, rgba(217, 49, 40, 0));background: -moz-linear-gradient(bottom,rgba(217, 49, 40, 0.5) 50%, rgba(217, 49, 40, 0));background: linear-gradient(bottom, rgba(217, 49, 40, 0.5) 50%, rgba(217, 49, 40, 0));z-index: 1;}
.about_center02 .item .ico {margin-bottom: 15px;}
.about_center02 .item .ico img {transform: translate(0,0);-webkit-transition: all 0.35s;transition: all 0.35s;}
.about_center02 .item:hover .ico img {transform: translate(0,-10px);}
.about_center02 .item .p-text{position: relative;}
.about_center02 .item .p-text .h-tit{ margin-bottom: 10px; font-size: 24px; color: #ffffff; font-weight: bold;}
.about_center02 .item .p {font-size: 16px;line-height: 1.5;color: #ffffff;}
.about_center03{ position: relative; padding: 50px 0; background: #f9f9f9;}
.about_center03 .hontab{position: relative; width: 100%;}
.about_center03 .hontab .swiper-wrapper{margin: 0 auto;text-align: center;display: flex;justify-content: center;}
.about_center03 .hontab .item{margin-right: 2%;width: 16%;height: 55px; line-height: 55px;font-size: 18px; font-weight: bold;  color: #333; text-align: center; background: #ffffff; transition: all 0.5s ease;border-radius: 6px; cursor: pointer;}
.about_center03 .hontab .item:hover,.about_center03 .hontab .item.swiper-slide-thumb-active{ color: #fff; background: #d93128;}
.about_center03 .hontab .item:last-child{ margin-right: 0;}
.about_center03 .honbot{ position: relative; margin-top: 30px;}
.about_center03 .honbot .honitem{display: grid;grid-gap: 30px; grid-template-columns: repeat(4,1fr); background: #f9f9f9;}
.about_center03 .honbot .honitem .item{ width: 100%; position: relative;}
.about_center03 .honbot .honitem .item p{ padding:20px 10px; font-size: 16px; color: #333; text-align: center;}
.about_center03 .honbot .honitem .item:hover p{ color: #d93128;}
.PageHon{ position: relative;}
.PageHon .HonList{display: grid;grid-gap: 30px; grid-template-columns: repeat(4,1fr);}
.PageHon .HonList .slide{ width: 100%; position: relative;}
.PageHon .HonList .slide p{ padding:20px 10px; font-size: 16px; color: #333; text-align: center;}
.PageHon .HonList .slide:hover p{ color: #d93128;}

.pageservice{position: relative; padding: 32px 0; background: #f8f8f8;}
.pageservice1{position: relative; padding:0; background: #f8f8f8;}
.pageservice .servicebox{ position: relative; overflow: hidden;}
.pageservice .serviceT .infortxt{width: 100%; position: absolute; left: 0; bottom: 180px; padding: 0 7%; color: #fff; box-sizing: border-box;}
.pageservice .serviceT .infortxt .title{ font-size: 35px; font-weight: bold;}
.pageservice .serviceT .infortxt .decs{ margin-top: 20px; font-size: 17px; color: #ffffff; line-height: 2;}
.pageservice .serviceT .infortxt .more{ width: 184px; height: 48px;  margin-top: 30px; font-size: 14px; line-height: 48px;border-radius: 24px; text-align: center;}
.pageservice .serviceT .infortxt .more a{display: block; color: #ffffff; border-radius: 24px; background: #d93128;}
.pageservice .serviceT .infortxt .more:hover a{background:#a1251e}
.pageservice .tabs{ position: absolute; width: 100%; bottom: 25px; z-index: 22;}
.pageservice .tabs .box{ display: flex;display: -webkit-flex; display: flex; flex-direction: row; justify-content: center;}
.pageservice .tabs .box .item{position: relative; width: 18%; margin: 0 1%; padding: 0 20px; font-size: 17px; font-weight: bold; color: #333333; height: 80px; text-align: center; background: #f8f8f8 url(../img/ser.png) 95% center no-repeat; background-size: auto 12px; cursor: pointer; display: flex; justify-content: center; align-items: center; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.pageservice .tabs .box .item span{ margin-right: 15px; height: 32px;}
.pageservice .tabs .box .item span img{ height: 32px;}
.pageservice .tabs .box .item:hover,.pageservice .tabs .box .item.swiper-slide-thumb-active{color: #ffffff; background: #d93128 url(../img/ser.png) 95% center no-repeat;  background-size: auto 12px;}
.pageservice .leftSwiper { position:relative; width: 26%; float:left; height:600px; background: #ffffff;}
.pageservice .leftSwiper .swiper-wrapper{ display: block;height: 100%;box-sizing: border-box;transform: translate3d(0px, 0, 0) !important;}
.pageservice .leftSwiper .item{ width: 100%;height:100px; padding: 0 10%; box-sizing: border-box;display: -webkit-flex; display: flex; align-items: center;  cursor: pointer;}
.pageservice .leftSwiper .item:hover,.pageservice .leftSwiper .item.swiper-slide-thumb-active{ background:#d93128;}
.pageservice .leftSwiper .item .ico{ float:left; width: 40px; height: 40px;}
.pageservice .leftSwiper .item .ico img{ width: 100%; height: 100%;}
.pageservice .leftSwiper .item .ico .ico2,.pageservice .leftSwiper .item:hover .ico .ico1,.pageservice .leftSwiper .item.swiper-slide-thumb-active .ico .ico1{ display: none;}
.pageservice .leftSwiper .item:hover .ico .ico2,.pageservice .leftSwiper .item.swiper-slide-thumb-active .ico .ico2{ display: block;}
.pageservice .leftSwiper .item .txt{ float:left; margin-left:20px; font-size: 17px; font-weight: bold; line-height:100px;}
.pageservice .leftSwiper .item:hover .txt,.pageservice .leftSwiper .item.swiper-slide-thumb-active .txt{color: #ffffff;}
.pageservice .leftSwiper .item:hover .ico{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.pageservice .rightSwiper{width:74% !important; float:right; overflow: hidden;}
.pageservice .rightSwiper .item{overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center center; position: relative;-moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s;o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;opacity: 0 !important;}
.pageservice .rightSwiper .item.swiper-slide-active{opacity: 1 !important;}
.pageservice .rightSwiper .item figure {display: block;overflow: hidden; position: relative; height:600px; text-align: center;background-position: center center;background-repeat: no-repeat; background-size:cover;}
.pageservice .rightSwiper .item .serv-item{width: 55%; padding:50px 40px; position: absolute; right: 0; bottom: 40px; background:rgba(0,0,0,0.5); box-sizing: border-box; z-index: 1;}
.pageservice .rightSwiper .item .serv-item .name{ font-size: 20px; color: #ffffff; font-weight: bold;}
.pageservice .rightSwiper .item .serv-item .name:after {display: block;content: ""; background-color: #ffffff;margin: 14px 0;width: 40px;
height: 2px; }
.pageservice .rightSwiper .item .serv-item .con{ font-size: 16px; color: #ffffff; line-height: 2;}

/* case */
.black-40 {background: none rgba(0, 0, 0, 0.4);}
.casebox {overflow: hidden; height: 65vh;}
.casebox .item a:link, .casebox .item a:visited { color: #ffffff;}
.casebox .item a:active, .casebox .item a:hover { color: #ffffff;}
.casebox .item { width: 20%; float: left; overflow: hidden; position: relative; transition: width 455ms;}
.casebox .item figure { display: block; overflow: hidden; position: relative; text-align: center; background-position: center center; background-repeat: no-repeat; background-size:cover; height: 65vh;}
.casebox .item .black-40 {position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.casebox .item .case-item { width: 80%; padding: 20px; height: 220px; position: absolute; left: 50%; top: 50%; text-align: center;     transform: translate(-50%, -50%); z-index: 1;}
.casebox .item .case-item:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(255,255,255,.9); position: absolute; left: 0; top: 0;transform-origin: left bottom; -webkit-transform-origin: left bottom; -webkit-transition: -webkit-transform .52s cubic-bezier(.4, 0, .2, 1); transition: -webkit-transform .52s cubic-bezier(.4, 0, .2, 1); transition: transform .52s cubic-bezier(.4, 0, .2, 1); transition: transform .52s cubic-bezier(.4, 0, .2, 1), -webkit-transform .52s cubic-bezier(.4, 0, .2, 1); transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; z-index: -1;}
.casebox .item .case-item p { font-size: 15px; transition: 0.3s; -webkit-transition: 0.3s;}
.casebox .item .case-item .ico { width: 60px; height: 60px;display: block; margin: 48px auto 12px; position: relative; transition: 0.3s;-webkit-transition: 0.3s;}
.casebox .item .case-item .ico i { background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.casebox .item .case-item .ico .i1 {display: block;}
.casebox .item .case-item .ico .i2 {display: none;}
.casebox .item .case-item .t {font-size: 18px; font-weight: bold; line-height: 1.2; margin-bottom: 5px;}
.casebox .item .case-item .addico {background: url(../img/add_ico.png) no-repeat scroll center center;background-size: cover;width: 10px;height: 10px;display: block;margin: 15px auto 15px;transition: 0.3s;-webkit-transition: 0.3s;}
.casebox .item .case-item .moreBtn {opacity: 0; margin: 0px auto; visibility: hidden; font-family: 'din';}
.casebox .item .case-item .moreBtn .txt {color: #d93128; font-size: 16px;}
@media screen and (min-width:1025px) {
    .casebox .item:hover,
    .casebox .item.now {
      width: 28%;
  }
  .casebox .item.sible {
      width: 18%;
  }
  .casebox .item:hover .case-item:before {
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      transform-origin: left top;
      -webkit-transform-origin: left top;
      visibility: visible\9;
  }
  .casebox .item:hover .case-item .ico {
      margin-top: 31px;
  }
  .casebox .item:hover .case-item .ico .i1 {
      display: none;
  }
  .casebox .item:hover .case-item .ico .i2 {
      display: block;
  }
  .casebox .item:hover .case-item .ico i {
      -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
      transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
      -webkit-animation: gelatine 0.5s 1;
      animation: gelatine 0.5s 1;
  }
  .casebox .item:hover .case-item .t {
      font-size: 18px;
      margin-bottom: 0;
      color: #d93128;
  }
  .casebox .item:hover .case-item .moreBtn {
      opacity: 1;
      visibility: visible;
      transition-delay: 200ms;
      -webkit-transition-delay: 200ms;
  }
}
.PageAnli{position: relative; display: grid;grid-gap: 40px; grid-template-columns: repeat(3,1fr);}
.PageAnli .item{ position: relative; cursor: pointer;}
.PageAnli .item .img{ width: 100%;}
.PageAnli .item .img img { -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.PageAnli .item .img {overflow: hidden; -webkit-transform: rotate(0); transform: rotate(0);}
.PageAnli .item:hover .img img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.PageAnli .item .txt{ margin-top: 15px; font-size: 18px;font-weight: bold; color: #333333; text-align:center; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageAnli .item:hover .txt{ color: #d93128;}
.PageAnli .item .detail{ display: none;}
.PageAnli .item.active .detail{ display: block; position: fixed; top:0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.95); z-index: 9999; }
.PageAnli .item .detail .inner{background: #ffffff; position:absolute; padding: 40px; width: 75%; height: 90vh; margin: auto; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; box-sizing: border-box; }
.PageAnli .item .detail .inner .infor{ margin-top: 30px; padding-right: 10px; overflow: auto; height: 72vh;}
.PageAnli .item .detail .inner .infor::-webkit-scrollbar {width: 5px;height: 5px;background-color: rgba(255,255,255,.1);}
.PageAnli .item .detail .inner .infor::-webkit-scrollbar-thumb { border-radius: 50px; background: #333333;}
.PageAnli .item .detail .inner .infor::-webkit-scrollbar-thumb:hover { background: #333333;}
.PageAnli .item .detail .inner .title{ padding-top: 10px; color: #333333;font-size: 26px; font-weight: 600;line-height: 38px;display: block; position: relative; letter-spacing: 2px;}
.PageAnli .item .detail .inner .xian{width: 58px;height: 3px;background-color: #d93128; margin:30px 0}
.PageAnli .item .detail .inner .local {position: relative;display: grid;grid-gap:15px 0; grid-template-columns: repeat(1,1fr);}
.PageAnli .item .detail .inner .local .item {font-size: 16px;line-height: 28px;color: #333333;box-sizing: border-box;}
.PageAnli .item .detail .inner .local .item span {font-size: 17px;font-weight: bold;}
.PageAnli .item .detail .inner .local .item .red {font-size: 17px;color: #d93128;font-weight: bold;
}
.PageAnli .item .detail .inner .imgLift { margin: 0 auto; width:100%; position: relative; overflow: hidden;zoom: 1;}
.PageAnli .item .detail .inner .imgLift .thumbSwiper {position: relative;width: 100%;margin-top: 20px;}
.PageAnli .item .detail .inner .imgLift .mySwiper {width: 85%;position: relative; margin: 0 auto; padding: 50px 0; box-sizing: border-box; overflow: hidden;}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-slide {float: left;width: 100% ;text-align: center;}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-slide:last-child {margin-right: 0;}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-slide img {display: block;width: 100%; cursor: pointer; opacity: 0.8; box-sizing: border-box;}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;
-ms-transition: transform 1.0s;-o-transition: transform 1.0s;transition: transform 1.0s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-slide.swiper-slide-active {-webkit-transform: scale(1);transform: scale(1);}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-slide.swiper-slide-active img{ opacity: 1;}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-pagination {bottom: 0 !important;}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-pagination-bullet{width: 50px; border-radius: 0; height: 14px; background: none; position: relative; opacity: 1;cursor: pointer;}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-pagination-bullet::before{content: ''; position: absolute; top: 50%; left: 0; height: 4px; width: 100%; margin-top: -2px;background: #999999;}
.PageAnli .item .detail .inner .imgLift .mySwiper .swiper-pagination-bullet-active::before {background: #d93128;}
.PageAnli .item .detail .inner .imgLift .button-prev {display: block;position: absolute; top: 50%;right: 0; width: 40px;height: 40px; border-radius: 50%; background: url(../img/pro_left.png) center no-repeat; background-size: auto 10px; border: 1px dashed #ababab; cursor: pointer;transform: translateY(-50%);  z-index: 99;}
.PageAnli .item .detail .inner .imgLift .button-prev:hover {background:#d93128 url(../img/pro_lefth.png) center no-repeat;background-size: auto 10px;}
.PageAnli .item .detail .inner .imgLift .button-next {display: block;position: absolute; top: 50%;left: 0; width: 40px;height: 40px; border-radius: 50%; background: url(../img/pro_left.png) center no-repeat; background-size: auto 10px; border: 1px dashed #ababab; cursor: pointer; margin-top:-20px;  transform: rotate(180deg); z-index: 99; }
.PageAnli .item .detail .inner .imgLift .button-next:hover {background:#d93128 url(../img/pro_lefth.png) center no-repeat;background-size: auto 10px;}

.PageAnli .item .detail .inner .detTop { position: relative; border-bottom: 1px solid #e5e5e5;display: -webkit-flex;display: flex;width: 100%;flex-direction: row;justify-content: space-between;}
.PageAnli .item .detail .inner .detTop .close{ width: 26px; height: 26px; font-size: 15px; font-family: 'din'; font-weight: normal; text-align: center; line-height: 26px; color: #ffffff; background: #000000;}
.PageAnli .item .detail .inner .detTop .close:hover{ background-color: #d93128;}
.PageAnli .item .detail .inner .detTop .list{
    position: relative;
    padding: 10px 0;
    height: 40px;
}
.PageAnli .item .detail .inner .detTop .list span {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.PageAnli .item .detail .inner .detTop .list p {
    font-size: 13px;
    text-align: center;
    color: #000000;
}
.PageAnli .item .detail .inner .detTop .list i {
    display: block;
    position: absolute;
    background-color: #000000;
    width: 6px;
    height: 0;
    -webkit-transition-property: height, -webkit-transform;
    -moz-transition-property: height, -moz-transform;
    -o-transition-property: height, -o-transform;
    transition-property: height, transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.3,1);
    -moz-transition-timing-function: cubic-bezier(.75,0,.3,1);
    -o-transition-timing-function: cubic-bezier(.75,0,.3,1);
    transition-timing-function: cubic-bezier(.75,0,.3,1);
}
.PageAnli .item .detail .inner .detTop .list:hover i{ background: #d93128;}
.PageAnli .item .detail .inner .detTop .list:hover p{color: #d93128;}
.PageAnli .item .detail .inner .detTop .list i.c1 {
    left: 0px;
}
.PageAnli .item .detail .inner .detTop .list i.c1.b1 {
    height: 7px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.PageAnli .item .detail .inner .detTop .list i.c2 {
    left: 7px;
}
.PageAnli .item .detail .inner .detTop .list i.c2.b1 {
    height: 10px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.PageAnli .item .detail .inner .detTop .list i.c3 {
    left: 14px;
}
.PageAnli .item .detail .inner .detTop .list i.c3.b1 {
    height: 5px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.PageAnli .item .detail .inner .detTop .list i.c1.b2 {
    height: 7px;
    -webkit-transform: translate(0, 8px);
    -moz-transform: translate(0, 8px);
    -o-transform: translate(0, 8px);
    transform: translate(0, 8px);
}
.PageAnli .item .detail .inner .detTop .list i.c2.b2 {
    height: 7px;
    -webkit-transform: translate(0, 11px);
    -moz-transform: translate(0, 11px);
    -o-transform: translate(0, 11px);
    transform: translate(0, 11px);
}
.PageAnli .item .detail .inner .detTop .list i.c3.b2 {
    height: 7px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
}
.PageAnli .item .detail .inner .detTop .list i.c1.b3 {
    height: 7px;
    -webkit-transform: translate(0, 40px);
    -moz-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    transform: translate(0, 40px);
}
.PageAnli .item .detail .inner .detTop .list i.c2.b3 {
    height: 7px;
    -webkit-transform: translate(0, 35px);
    -moz-transform: translate(0, 35px);
    -o-transform: translate(0, 35px);
    transform: translate(0, 35px);
}
.PageAnli .item .detail .inner .detTop .list i.c3.b3 {
    height: 7px;
    -webkit-transform: translate(0, 33px);
    -moz-transform: translate(0, 33px);
    -o-transform: translate(0, 33px);
    transform: translate(0, 33px);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c1.b1 {
    height: 7px;
    -webkit-transform: translate(0, -8px);
    -moz-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c1.b2 {
    height: 7px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c1.b3 {
    height: 7px;
    -webkit-transform: translate(0, 8px);
    -moz-transform: translate(0, 8px);
    -o-transform: translate(0, 8px);
    transform: translate(0, 8px);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c2.b1 {
    height: 10px;
    -webkit-transform: translate(0, -11px);
    -moz-transform: translate(0, -11px);
    -o-transform: translate(0, -11px);
    transform: translate(0, -11px);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c2.b2 {
    height: 10px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c2.b3 {
    height: 7px;
    -webkit-transform: translate(0, 11px);
    -moz-transform: translate(0, 11px);
    -o-transform: translate(0, 11px);
    transform: translate(0, 11px);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c3.b1 {
    height: 5px;
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    transform: translate(0, -6px);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c3.b2 {
    height: 5px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.PageAnli .item .detail .inner .detTop .list:hover i.c3.b3 {
    height: 7px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
}

.PageNews{ position: relative;}
.PageNews .NewsList{display: grid;grid-gap: 40px; grid-template-columns: repeat(3,1fr);}
.PageNews .NewsList .itemImg{background: #ffffff;}
.PageNews .NewsList .itemImg .img{background-position: center center; background-size: cover; opacity: 1; transition: all .5s; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0;}
.PageNews .NewsList .itemImg .img img{ width: 100%; height: 100%;}
.PageNews .NewsList .itemImg .infor{position: relative; height: 100%; padding: 30px; background: #ffffff; z-index: 3; box-sizing: border-box;}
.PageNews .NewsList .itemImg .infor .date{ font-size: 15px; color: #666;}
.PageNews .NewsList .itemImg .infor .t{margin: 20px 0; font-size: 18px; font-weight: bold; color: #333; line-height: 30px; height: 60px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .NewsList .itemImg .infor em{display: block;width: 50px;height: 2px;background: #333;}
.PageNews .NewsList .itemImg .infor .c{ margin-top: 30px; font-size: 15px; color: #333; line-height: 28px; height: 56px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .NewsList .itemImg .infor .more{ margin-top: 30px; display: inline-block; width: 45px;height: 28px;line-height: 28px; text-align: center; color: #ffffff; background: #d93128; border-radius: 20px; font-weight: bold;}
.PageNews .NewsList .itemImg .infor .more .icon-jrjt{ font-size: 14px;}
.PageNews .NewsList .itemImg:hover .infor{position: absolute; width:100%; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);}
.PageNews .NewsList .itemImg:hover .infor .date,.PageNews .NewsList .itemImg:hover .infor em,.PageNews .NewsList .itemImg:hover .infor .c,.PageNews .NewsList .itemImg:hover .infor .more{display: none;}
.PageNews .NewsList .itemImg:hover .infor .t{ position:absolute; bottom:20px; margin: 0; color: #ffffff;}
.PageNews .NewsList .item{background: #ffffff;}
.PageNews .NewsList .item .infor{position: relative;padding: 30px; box-sizing: border-box;}
.PageNews .NewsList .item .infor .date{ font-size: 15px; color: #666;}
.PageNews .NewsList .item .infor .t{margin: 20px 0; font-size: 18px; font-weight: bold; color: #333; line-height: 30px; height: 60px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .NewsList .item .infor em{display: block;width: 50px;height: 2px;background: #333;}
.PageNews .NewsList .item .infor .c{ margin-top: 30px; font-size: 15px; color: #333; line-height: 28px; height: 56px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .NewsList .item .infor .more{ margin-top: 30px; display: inline-block; width: 45px;height: 28px;line-height: 28px; text-align: center; color: #fff; background: #d93128; border-radius: 20px; font-weight: bold;}
.PageNews .NewsList .item .infor .more .icon-jrjt{ font-size: 14px;}
.PageNews .NewsList .item:hover{ background: #d93128;}
.PageNews .NewsList .item:hover .infor .date,.PageNews .NewsList .item:hover .infor .t,.PageNews .NewsList .item:hover .infor .c{color: #ffffff;}
.PageNews .NewsList .item:hover .infor em{ background: #ffffff;}
.PageNews .NewsList .item:hover .infor .more{color: #d93128; background: #ffffff;}
.PageNews .item_box{display: flex;align-items: flex-start; justify-content: space-between;}
.PageNews .item_left{width: 72%; padding: 35px; background-color: #ffffff; box-sizing: border-box;}
.PageNews .item_left .item_top{width: 100%;padding-bottom: 30px; border-bottom: 1px solid #e2e2e2;}
.PageNews .item_left .item_top .pageT{margin-bottom: 10px; font-size: 28px;line-height: 1.4;color: #333333;}
.PageNews .item_left .item_top .pageD{font-size: 15px;color: #666666;}
.PageNews .item_left .item_content{padding: 30px 0; font-size:16px; color:#666666; line-height:2;}
.PageNews .item_left .item_content p a{font-size: 16px !important; }
.PageNews .item_left .item_content img{max-width:100%; margin:5px 0;}
.PageNews .item_left .item_content table{border-collapse:collapse;width:100% !important;}
.PageNews .item_left .item_content table,.PageNews .item_left .item_content tr{ font-size: 15px; color: #444444; }
.PageNews .item_left .item_content table,.PageNews .item_left .item_content th,.PageNews .item_left .item_content td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.PageNews .item_left .item_btm{width: 100%;padding-top: 30px;border-top: 1px solid #e2e2e2;display: flex;align-items: center; justify-content: space-between;}
.PageNews .item_left .item_btm .paging_nav{width: calc(100% - 180px);margin: 0;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction: column;align-content: flex-start;}
.PageNews .item_left .item_btm .paging_nav .prevpage{float: left;width: 100%;}
.PageNews .item_left .item_btm .paging_nav .prevpage a{line-height: 2;color: #333333;font-size: 16px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.PageNews .item_left .item_btm .paging_nav .prevpage:hover a{color: #d93128;}
.PageNews .item_left .item_btm .paging_nav .nextpage {float: left;width: 100%;}
.PageNews .item_left .item_btm .paging_nav .nextpage a {line-height: 2;color: #333333;font-size: 16px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.PageNews .item_left .item_btm .paging_nav .nextpage:hover a{color: #d93128;}
.PageNews .item_left .item_btm .return_list{width: 160px;}
.PageNews .item_left .item_btm .return_list .backList{width:100%;height: 50px; color: #ffffff; border-radius: 25px; background: #d93128; display: flex; align-items: center; justify-content: center;}
.PageNews .item_left .item_btm .return_list .backList .ml-cio{ margin-left: 10px; height: 12px;}
.PageNews .item_left .item_btm .return_list .backList:hover{background:#a1251e;}
.PageNews .item_right{width: calc(28% - 20px); padding: 20px 30px; background-color: #ffffff; box-sizing: border-box;}
.PageNews .item_right .caption{margin-bottom: 25px;color: #333333;font-size: 28px;font-weight: normal;}
.PageNews .item_right .related-body .list{margin-bottom: 15px;border-bottom: 1px solid #e2e2e2;}
.PageNews .item_right .related-body .list .infor{padding:20px 0;background: #ffffff;}
.PageNews .item_right .related-body .list .infor .tit{ font-size: 17px;color: #333333;font-weight: bold; max-height: 22px; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageNews .item_right .related-body .list .infor .con{font-size: 14px;color:#666666;line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .item_right .related-body .list:hover .infor .tit{ color:#d93128;}

.contact{position: relative;}
.contact .contactMap{width: 100%; position: relative; background: #ffffff;display: flex; align-items: center; }
.contact .contactMap .Map{height: 500px;width: 100%;box-sizing: border-box;background: #f3f4f8;}
.contact .contactMap .cont_tit{ position: absolute; width: 32%; padding: 40px; right: 40px; z-index: 999; background: rgba(185, 0, 0, 0.7); }
.contact .contactMap .cont_tit .cont_name{ margin-bottom: 20px; font-size: 24px; color: #ffffff; font-weight: bold;}
.contact .contactMap .cont_tit .cont_list{border-top: 1px solid rgba(255,255,255,0.2); padding-top: 20px;}
.contact .contactMap .cont_tit .cont_list .item{margin-bottom: 10%;overflow: hidden;}
.contact .contactMap .cont_tit .cont_list .item:last-child{ margin-bottom: 0;}
.contact .contactMap .cont_tit .cont_list .item i{float: left;width: 60px;text-align: center;}
.contact .contactMap .cont_tit .cont_list .item i img{ height: 25px;}
.contact .contactMap .cont_tit .cont_list .item .cont_r p{margin-bottom: 5px; font-size: 17px; font-weight: bold; color: #ffffff;}
.contact .contactMap .cont_tit .cont_list .item .cont_r{float: left;width: calc(100% - 62px);}
.contact .contactMap .cont_tit .cont_list .item .cont_r span{display: block; font-size: 16px; color: #ffffff;}
.contact .contactMap .cont_tit .cont_list .item .cont_r a{color: #ffffff;}
.contact .contactMap .cont_tit .cont_list .item .cont_r a.tel_link{color: #ffffff !important;cursor: inherit;opacity: 1!important;}
.contact .cont{ margin-top: 40px;}
.contact .contbox{ display: grid; grid-gap: 30px; grid-template-columns: repeat(3,1fr);}
.contact .contbox .item{ position: relative; background: #ffffff; padding:6% 6% 70px;box-shadow: 0 2px 15px rgb(0 0 0 / 5%); overflow: hidden; }
.contact .contbox .item .name{ position:relative; margin-bottom: 20px; font-size: 20px; color: #333333; font-weight: bold;}
.contact .contbox .item .name:after { position: absolute; content: ''; width: 30px; height: 3px;bottom: -20px;left: 0;background: #d93128;}
.contact .contbox .item .con{ padding-top: 20px; font-size: 16px; line-height: 2; color: #000000;}
.contact .contbox .item::after{ position: absolute; content: ''; width: 0; height: 3px; bottom: 0; right: 0; background: #d93128; z-index: 22; -webkit-transition: all 0.5s;transition: all 0.5s;}
.contact .contbox .item span {position: absolute;width: 200px;height: 200px;border: 20px solid rgba(0, 0, 0, 0.03);border-radius: 50%;bottom: -90px;right: -80px;     box-sizing: border-box; overflow: hidden;}
.contact .contbox .item::before {position: absolute;content: '';width: 54px;height: 50px;bottom: 12px;right: 12px;background: url(../img/logo-icon.png) no-repeat center;-o-background-size: 50px;background-size: 50px;}
.contact .contbox .item:hover::after{ left: 0; width: 100%;}
.contact .contbox .item:hover .name{ color: #ffffff;}
.contact .contbox .item:hover .name:after{ background:#ffffff;}
.contact .contbox .item:hover .con{color: #ffffff;}
.contact .contbox .item:hover{ background: #d93128;}
.modular{ position: relative; padding: 50px 0; background: #f8f8f8;}
.modular .title{ position: relative; margin-bottom: 30px; font-size: 36px; color: #d93128;}
.modular .fnt_20{ font-size: 20px; color: #333333; font-family: 'din'; text-transform:uppercase;}
.modular .cont{ font-size: 15px; line-height: 2; color: #666666;}
.modular2{position: relative; padding: 50px 0; background: #ffffff; overflow: hidden;}
.modular2 .title{ position: relative; margin-bottom: 30px; font-size: 36px; color: #333333;}
.modular2 .working {position: relative; overflow: hidden; z-index: 1;}
.modular2 .working li{position: absolute;}
.modular2 .working li img{display: block; width: 100%; height: 100%; box-sizing: border-box;}
.modular2 .working li:first-child{width: 49.25%;height: 100%;top: 0;bottom: auto;}
.modular2 .working li:nth-child(2){width: 49.25%;height: 48%;top: 0; right:0; bottom: auto;}
.modular2 .working li:nth-child(3){ width:23.875%; height:48%; left:50.75%; bottom:0;}
.modular2 .working li:nth-child(4){ width:23.875%; height:48%; right:0; bottom:0;}

.modular3{ position: relative;  padding: 50px 0; background: #f8f8f8; }
.modular3 .jnlist { border-top: 4px solid #d93128; display: -webkit-box;display: -ms-flexbox;display: flex;background: #ffffff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 70px;-webkit-transition: .4s;transition: .4s;}
.modular3 .jnlist div{font-size: 18px; color: #333;font-weight: bold; -webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: center;-webkit-transition: .4s;transition: .4s;}
.modular3 .joinlist {width: 100%;position: relative;margin-top: 10px;}
.modular3 .joinlist .list_dl{ margin-bottom: 5px;-webkit-transition: .4s;transition: .4s;}
.modular3 .joinlist .list_dl:last-child{ margin-bottom: 0;}
.modular3 .joinlist .list_dt {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;background: #ffffff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 60px; -webkit-transition: .4s; transition: .4s;}
.modular3 .joinlist .list_dt div {font-size: 17px;color: #333;-webkit-box-flex: 1;-ms-flex: 1;flex: 1; text-align: center;}
.modular3 .joinlist .list_dt div.menu { position: relative; }
.modular3 .joinlist .list_dt div.menu i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12px; height: 2px; background: #606060; display: block; -webkit-transition: .4s; transition: .4s; }
.modular3 .joinlist .list_dt div.menu i:last-child { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.modular3 .joinlist .list_dl#open .list_dt{background:  #d93128;}
.modular3 .joinlist .list_dl#open .list_dt div{ color: #ffffff;}
.modular3 .joinlist .list_dl#open .list_dt div.menu i { background: #ffffff; }
.modular3 .joinlist .list_dl#open .list_dt div.menu i:last-child { -webkit-transform: translate(-50%, -200%) rotate(90deg); transform: translate(-50%, -200%) rotate(90deg); opacity: 0; }
.modular3 .joinlist .list_dd {display: none;padding: 40px;font-size: 16px;line-height: 2;color: #333333;background: #ffffff; -webkit-transition: .4s; transition: .4s;}
.modular3 .joinlist .list_dl#open .list_dd{ display: block;-webkit-transition: .4s; transition: .4s;}
.modular3 .joinlist .list_dd .jointd {position: relative;width: 160px;height: 50px;margin-top: 40px;font-size: 17px;color: #ffffff;font-weight: bold; text-align: center;line-height: 50px;background: #f0fefd;}
.modular3 .joinlist .list_dd .jointd a{ color:#ffffff}
.modular3 .joinlist .list_dd .jointd:hover {background: #d93128;}
.modular3 .more{ width: 184px; height: 48px;line-height: 48px; margin: 30px auto 0; text-align: center;}
.modular3 .more a{display: block;font-size: 14px; color: #ffffff;  border-radius: 24px; background: #d93128;}
.modular3 .more:hover a{background:#a1251e}

/* fenye */
.pages { margin:0 auto; text-align:center; font-size:15px;}
.pages li { margin-top: 30px; display:inline-block; height:36px; line-height:36px; background:#ffffff; }
.pages li a{text-align:center; color:#333333; padding:0 15px;}
.pages .active {background:#d93128; text-decoration:none}
.pages .active a{color:#ffffff;}
.pages li:hover { background:#d93128; text-decoration:none }
.pages li:hover a{ color:#ffffff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333333; text-align:center; padding:0 13px;}